.scroll-pane {
    -fx-background-color: transparent; /* 设置ScrollPane的背景为透明 */
    -fx-border-color: transparent; /* 去除边框，如果需要的话 */
}

.scroll-pane .viewport {
    -fx-background-color: transparent; /* 确保Viewport也是透明的 */
}

.scroll-pane .scroll-bar:horizontal, .scroll-pane .scroll-bar:vertical {
    -fx-background-color: black; /* 滚动条背景设置为透明 */
    -fx-pref-width: 5px;
}

.scroll-bar:horizontal .thumb,
.scroll-bar:vertical .thumb {
    /*-fx-background-color: derive(#000000, 90%); !* 设置滚动条滑块的颜色，根据需要调整 *!*/
    -fx-background-color: #ffffff; /* 设置滚动条滑块的颜色，根据需要调整 */
    -fx-background-insets: 0, 0, 0;
    -fx-background-radius: 6px;
}

.scroll-bar:horizontal .track,
.scroll-bar:vertical .track {
    /*-fx-background-color: transparent; !* 滚动条轨道设置为透明 *!*/
    -fx-border-color: transparent; /* 去除轨道边框，如果需要的话 */
    -fx-background-radius: 0.0em; /* 根据需要调整 */
}

/*.scroll-bar:focused {*/
/*    -fx-background-color: transparent; !* 聚焦时滚动条背景也透明 *!*/
/*}*/